<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>三维管线综合展示系统</title>
    <link href="/static/maps/layui/css/layui.css" media="all" rel="stylesheet">
    <link href="/static/maps/Cesium/Widgets/widgets.css" rel="stylesheet">
    <link href="/static/maps/css/pretty.css" rel="stylesheet">
    <link href="/static/maps/css/styles.css" rel="stylesheet">
    <link href="/static/maps/images/favorite.ico" rel="icon" type="image/x-icon" />
    <script type="text/javascript" src="/static/maps/js/jquery.min.js"></script>
    <script type="text/javascript" src="/static/maps/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/static/maps/Cesium/Cesium.js"></script>

    <script type="text/javascript" src="/static/maps/js/leaflet.js"></script>
    <script type="text/javascript" src="/static/maps/js/iclient-leaflet.js"></script>

    <script type="text/javascript" src="/static/maps/js/echarts.min.js"></script>
    <script type="text/javascript" src="/static/maps/js/turf.min.js"></script>

    <script type="text/javascript" src="/static/maps/js/config.js"></script>
    <script type="text/javascript" src="/static/maps/js/maps.js"></script>
    <style>
        html,
        body {
            height: 100%;
            width: 100%;
            margin: 0;
            overflow: hidden;
        }
    </style>
</head>

<body onContextMenu="return false">
    <div id="load_bg"></div>
    <div class="load_box">
        <div class="load">
            <div class="loading">
                <i></i>
                <i></i>
                <i></i>
                <i></i>
                <i></i>
            </div>
            <!-- ./loading end-->
        </div>
    </div>
    <div class="header-bar">
        <div class="site-logo">
            <img alt='' class="imgLogo" src=""
            />
            <img alt='' class="imgLogoBg" src=""
            />
            <div class="site-title">
                <span>三维管线综合展示系统</span>
            </div>
        </div>
        <div class="head-menus">
            <span class="qs-s"><a>管线统计</a></span>
            <span class="qs-q"><a>管线查询</a></span>
        </div>
        <div class="site-login">
            <div>
                <span th:text="${session.sessionUserName}"></span>
                <svg t="1624589492262" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2527" width="32" height="32"><path d="M512 0.007C229.233 0.007 0.006 229.234 0.006 512.001c0 116.573 38.964 224.043 104.572 310.106a514.544 514.544 0 0 0 92.449 93.56c34.369 26.855 72.256 49.414 112.854 66.876 62.008 26.67 130.335 41.451 202.118 41.451 71.782 0 140.11-14.781 202.117-41.451 40.599-17.462 78.485-40.021 112.854-66.876a514.505 514.505 0 0 0 92.454-93.564c65.605-86.064 104.568-193.531 104.568-310.103C1023.993 229.234 794.766 0.007 512 0.007z m319.607 831.601c-34.275 34.274-73.195 62.459-115.998 84.059a454.565 454.565 0 0 1-27.691 12.832C632.232 952.052 573.045 963.994 512 963.994s-120.233-11.942-175.918-35.495a454.593 454.593 0 0 1-27.692-12.832c-42.803-21.6-81.724-49.784-115.999-84.059a459.579 459.579 0 0 1-4.492-4.562c6.345-2.848 14.245-5.729 23.918-9.08 8.408-2.914 17.111-5.929 25.845-9.618 14.907-6.285 30.451-12.971 46.14-19.715 23.398-10.057 47.578-20.449 69.995-29.666l30.563-8.35a33.222 33.222 0 0 0 10.139-4.712c12.417-8.538 22.049-22.939 30.785-39.576 0.767-1.452 1.502-2.988 2.253-4.467 0.417-0.814 0.824-1.631 1.232-2.447a569.712 569.712 0 0 0 7.364-15.315l1.502-3.233c2.09-4.481 3.085-9.264 3.094-14.016 0-0.098 0.017-0.196 0.017-0.286-0.009-1.265-0.148-2.515-0.294-3.763-0.041-0.359-0.034-0.719-0.09-1.079-0.146-0.979-0.424-1.942-0.661-2.905-0.147-0.604-0.237-1.224-0.417-1.819-0.326-1.071-0.776-2.107-1.217-3.145-0.188-0.456-0.326-0.938-0.538-1.396a33.693 33.693 0 0 0-5.51-8.22c-35.014-38.41-57.684-90.998-62.802-144.184a239.113 239.113 0 0 1-1.102-22.784c0-17.895 0.719-34.303 2.082-49.348 9.51-105.333 50.254-143.898 93.259-157.155 16.384-5.054 33.104-6.433 48.55-6.433 21.226 0 44.866 2.612 66.744 13.788 41.765 21.331 77.13 73.896 77.13 199.148 0 41.61-11.242 84.043-31.219 120.763-9.149 16.809-20.123 32.425-32.687 46.205a33.225 33.225 0 0 0-5.502 8.214 33.321 33.321 0 0 0-3.198 13.813c0 0.089-0.019 0.179-0.027 0.276-0.008 1.013 0.116 2.024 0.205 3.036 0.049 0.613 0.032 1.226 0.122 1.829 0.074 0.499 0.23 0.997 0.319 1.494 0.212 1.111 0.399 2.229 0.726 3.331 0.008 0.05 0.032 0.091 0.049 0.14a33.294 33.294 0 0 0 1.698 4.496l1.495 3.233c11.827 25.617 23.917 49.617 41.634 61.806a33.393 33.393 0 0 0 10.138 4.712l30.573 8.35c19.332 7.951 39.96 16.768 60.287 25.502 3.281 1.406 6.571 2.818 9.828 4.221h0.009c15.634 6.728 31.136 13.39 46.01 19.658 8.728 3.689 17.431 6.704 25.848 9.618 9.669 3.352 17.567 6.232 23.911 9.08a448.73 448.73 0 0 1-4.492 4.561z m48.364-57.002c-14.813-9.058-31.191-14.734-45.89-19.825-7.723-2.679-15.029-5.209-21.731-8.042-14.791-6.244-30.196-12.865-45.739-19.543a1668.28 1668.28 0 0 1-4.146-1.779c-23.021-9.903-46.623-20.034-68.77-29.104a34.286 34.286 0 0 0-3.92-1.329l-24.147-6.597c-2.891-3.992-6.351-10.344-9.486-16.564 6.687-8.579 12.858-17.568 18.612-26.841 30.858-49.708 48.01-108.477 48.01-167.711 0-115.636-28.652-185.581-69.323-226.627-40.671-41.046-93.359-53.185-141.433-53.185h-0.01c-87.136 0-189.434 39.871-207.842 219.477-1.91 18.579-2.914 38.654-2.914 60.336 0 4.392 0.098 8.784 0.276 13.167 0.409 9.527 1.291 19.021 2.556 28.467 1.648 12.27 3.976 24.441 7.028 36.417 2.033 8.001 4.408 15.902 7.045 23.715 0.155 0.466 0.285 0.931 0.449 1.396 0.441 1.274 0.939 2.53 1.388 3.804 11.298 31.602 27.429 61.349 47.879 87.586-0.303 0.597-0.613 1.185-0.915 1.78-0.555 1.07-1.103 2.146-1.666 3.199-0.253 0.467-0.497 0.914-0.751 1.372a172.445 172.445 0 0 1-2.016 3.608 99.177 99.177 0 0 1-1.29 2.189c-0.131 0.227-0.27 0.456-0.408 0.685a69.245 69.245 0 0 1-2.115 3.224l0.025 0.009c-0.114 0.156-0.237 0.359-0.343 0.507l-24.147 6.588c-1.34 0.367-2.646 0.808-3.919 1.329-23.461 9.616-48.605 20.435-72.933 30.884-15.543 6.678-30.939 13.299-45.732 19.543-6.71 2.833-14.008 5.363-21.731 8.042-14.702 5.092-31.081 10.768-45.895 19.826-19.277-26.941-35.513-55.919-48.527-86.688-23.553-55.686-35.495-114.873-35.495-175.918S71.947 391.77 95.5 336.085c22.762-53.816 55.361-102.16 96.891-143.69s89.874-74.128 143.69-96.891C391.767 71.949 450.955 60.007 512 60.007c61.045 0 120.232 11.942 175.918 35.495 53.815 22.763 102.159 55.361 143.689 96.891 41.529 41.53 74.128 89.875 96.891 143.69 23.553 55.685 35.495 114.873 35.495 175.918s-11.942 120.232-35.495 175.918c-13.015 30.769-29.251 59.746-48.527 86.687z" p-id="2528" fill="#1296db"></path></svg>
            </div>
        </div>
        <div class="datetime">
            <div class="time"></div>
            <div class="date"></div>
        </div>
    </div>
    <div id="cesiumContainer"></div>
    <div class="q-s-icon qs-hidden">
        <div style="position:relative">
            <div style="position: absolute;width: 36px;height: 36px;">
                <img alt="查询" class="qs-q" src=""
                />
                <img alt="统计" class="qs-s qs-hidden" src=""
                />
            </div>
            <div style="position: absolute;width: 90px;height: 38px;left: 39px;">
                <div id="queryType-q" class="qs-q" style="height: 50%;color: white;font-size:16px;">管线查询</div>
                <div id="queryType-s" class="qs-s qs-hidden" style="height: 50%;color: white;font-size:16px;">管线统计</div>
                <img alt="" style="margin-top: -15px;" src="">
                <div id="queryType-subType" style="height: 48%;color: #28B3E9;margin-top: -15px;">
                    未选择类型
                </div>
            </div>

            <div id="cdts-ctrl" style="position: absolute;width: 20px;height: 36px;right: 0;">
                <img alt="" style="margin-top: 20px" src="">
                <img alt="" class="qs-hidden" style="margin-top: 20px" src="">
            </div>
        </div>
    </div>
    <div class="q-s-type qs-hidden">
        <div class="q-title-in-Sub"><span class="q-title-in-Sub-img"></span><span class="qs-q">查询条件</span><span class="qs-s qs-hidden">统计条件</span></div>
        <div class="queryTypes">
            <div class="queryTypes-title"><span class="qs-q">查询方式</span><span class="qs-s qs-hidden">统计方式</span></div>
            <div class="query-type-enum qs-q">
                <div style="margin-left:0"><span qs-name="s-rq">日期查询</span></div>
                <div style="margin-left:18px"><span qs-name="s-gk">管块查询</span></div>
                <div style="margin-left:18px"><span qs-name="s-gj">管径查询</span></div>
                <div style="margin-left:18px"><span qs-name="s-cz">材质查询</span> </div>
            </div>
            <div class="query-type-enum qs-s qs-hidden">
                <div style="margin-left:0"><span qs-name="t-types-cz">材质分类</span></div>
                <div style="margin-left:18px"><span qs-name="t-types-gj">管径分类</span></div>
                <div style="margin-left:18px"><span qs-name="t-segs-gj">管径分段</span></div>
                <div style="margin-left:18px"><span qs-name="t-segs-ms">埋深分段</span></div>
            </div>
        </div>
        <div class="queryConditionsContainer">
        </div>
    </div>
    <div class="bottom-bar">
        <div class="bottom-bar-item">
            <div class="bottom-bar-item-ps"></div><span>点选查询</span>
        </div>
        <div class="bottom-bar-item" id="tool-dis">
            <div class="bottom-bar-item-dis"></div><span>距离测量</span>
        </div>
        <div class="bottom-bar-item" id="tool-area">
            <div class="bottom-bar-item-area"></div><span>面积测量</span>
        </div>
        <div class="bottom-bar-item" id="tool-height">
            <div class="bottom-bar-item-height"></div><span>高度测量</span>
        </div>
        <div class="bottom-bar-item" id="tool-clear">
            <div class="bottom-bar-item-clear"></div><span>清除量算</span>
        </div>
        <div class="bottom-bar-item" id="tool-SpatialQuery">
            <div class="bottom-bar-item-spatial"></div><span>空间查询</span>
        </div>
        <div class="bottom-bar-item" id="tool-kw">
            <div class="bottom-bar-item-kwfx"></div><span>开挖分析</span>
        </div>
        <div class="bottom-bar-item" id="tool-kwLine">
            <div class="bottom-bar-item-yxkw"></div><span>沿线开挖</span>
        </div>
        <div class="bottom-bar-item" id="tool-layerCtrl">
            <div class="bottom-bar-item-layers"></div><span>图层管理</span>
        </div>
        <div class="bottom-bar-item" id="tool-fullscreen">
            <div class="bottom-bar-item-fs"></div><span>全屏显示</span>
        </div>
    </div>
    <blockquote id="bubble" class="bubble">

    </blockquote>
</body>

</html>